<template>
<div class="wrapper">
    <header>
       <router-link to="/" class="logo"></router-link>
      <span>
      <router-link to="/"></router-link><em></em>
      </span>
    </header>
    <mpart></mpart>
    <router-view :xingzuoList="xingzuoList" :jinniuList="jinniuList" :san="san"></router-view>
</div>
</template>
<script>
  import Mpart from './components/mpart'
  export default  {
    name:'XingZuo',
        data()  {
          return  {
            "xingzuoList": {
             "title": "热情活力",
             "desc": "白羊",
              "huo":"火",
              "hot":"火项星座",
              "text":"白羊座有一种让人看见就觉得开心的感觉，因为总是看起来都是那么地热情、阳光、乐观、坚强，对朋友也慷概大方，性格直来直往，就是有点小脾气。白羊男有大男人主义的性格，而白羊女就是女汉子的形象。",
               "yunshi":"慢慢找回状态的你，运势也回归了正轨，你会感觉到自己做的事情并没有之前那么高难度。一切都在往好的方面回暖着，让你有更多的信心来做想做的事情，求职者也积极面试，有望遇到不错的岗位。感情方面，有伴者会有点恋爱时期的心动，两人的相处和谐甜美。"
           },
           jinniuList:{
             "title": "双子座",
             "desc": "花心多变",
              "huo":"阳性",
              "hot":"阳性星座",
              "text":"认为爱情是最美好的东西",
               "yunshi":"聪明伶俐的双子座女生，爱耍小聪明之余还有点神经质。抱有积极向上生活态度的双子女，内心闪耀着众多美好的幻想，以及充满了对理想的憧憬。可以说，这是个具有异国风情的魅力女生。你们的适应能力非常顽强，所以总能在张弛有度的生活、工作和爱情中，享受着无忧无虑的曲调。"
           },
           san:{
             "title": "金牛座",
             "desc": "稳健固执",
              "huo":"阴性",
              "hot":"阴性星座",
              "text":"沉默、安逸、踏实、耐性",
               "yunshi":"八面玲珑的金牛座女生，恰到好处的交际手腕总能赢得众人的好感。以金牛女勤俭节约的内敛个性，必然会是个模范的家庭主妇。只是深沉的事业野心，往往督促金牛成为精明能干的女强人。富有女性魅力的金牛女，兢兢业业的工作态度，虽然大器晚成，不过你们的坚韧会是成功中佼佼者。所以，金牛女大多都是晚婚者。"
           }
          }
        },
    components:{
      Mpart
    }
  }
</script>

<style>
  header {  position: absolute; z-index: 100; width:100%; max-width: 640px; top:0;}
header a.logo { background:url(https://m.xzw.com/static/public/images/logo1.png) no-repeat 0 0;    width: 1rem;
    height: 0.38rem; background-size:cover; display:block; float:left; margin:0.16rem 0 0 0.16rem;}
header span { display:block; float:right; font-size: 0.463rem;}
header span a { color:#fff; float:left; line-height: 1.2rem; font-size:0.38rem;}
header span a:active { color:#fff;}
header span em {     background: url(https://m.xzw.com/static/public/images/navmore.png) no-repeat center 50%;
    background-size: contain;
    border-radius: 100%;
    width: 0.3rem;
    height: 0.3rem;
    display: block;
    float: left;
    margin: 0.1rem;}
    .tbox small {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    background: radial-gradient(rgba(255,255,255,.4),rgba(255,255,255,.9));
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: .3rem;
    right: 0;
    margin: .25rem auto;
    border-radius: 50%;
}

</style>
